<!doctype html>
<html lang="tr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Tessera">
    <meta name="author" content="Özcan Oğuz">
    <link rel="icon" href="img/favicon.ico">

    <title>Tessera- BÜFK Biletleyici</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/sticky-footer-navbar.css" rel="stylesheet">
  </head>

  <body>

    <header>
      <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
	      <a class="navbar-brand" href="index.html">Tessera<span class="sr-only">

</span></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
          <ul class="navbar-nav ml-auto nav-pills">
            <li class="nav-item ">
              <a class="nav-link" href=".">Bilet kes</a>
            </li>
            <li class="nav-item" hidden>
              <a class="nav-link" href="gosteriler.html">Gösteriler</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="salon.html">Salon planı</a>
            </li>
              <li class="nav-item active">
              <a class="nav-link" href="satilan_biletler.html">Satılan biletler<span class="sr-only"> (şu anda buradasınız)</span></a>
            </li>
          </ul>
        </div>
      </nav>
    </header>
    <main role="main" class="container">
      <div class="container">
      <form class="was-validated" id="form">

        <div class="form-group form-group-lg">
          <select id="gosteriler" class="custom-select form-control form-control-lg" required>
            <option value="">Gösteri</option>
          </select>
        </div> <div id="hidden" hidden>
                  <div class="form-row">
                <div class="col">
                      <label class="col-form-label">Koltuğu rastgele ata veya seç: </label>
                </div>

                <div class="col-auto my-1">
                  <label class="mr-sm-2 sr-only" for="sira" >Sıra</label>
                  <select class="custom-select mr-sm-2" id="sira" onchange="numaraYukle(this)">
                    <option selected>Sıra</option>
                  </select>
                </div>
                <div class="col-auto my-1">
                  <label class="mr-sm-2 sr-only" for="numara">Numara</label>
                  <select class="custom-select mr-sm-2" id="numara">
                    <option selected>Numara</option>

                    </select>
                  </div>
        </div>
          <div class="form-row">
                <div class="col">
                      <label class="col-form-label">Ücret kategorisi: </label>
                </div>


                <div class="col-auto my-1">
                  <label class="mr-sm-2 sr-only" for="kategori">Kategori</label>
                  <select class="custom-select mr-sm-2" id="kategori">
                    <option value="tam" selected>Tam</option>
                      <option value="ogr">Öğrenci</option>

                    </select>
                  </div>
        </div>
        <div class="form-group">
  <input type="text" class="form-control" id="isim" placeholder="İsim" required>
  <input type="text" class="form-control" id="eposta" placeholder="E-posta (opsiyonel)">
  <input type="text" class="form-control" id="telefon" placeholder="Telefon (opsiyonel)">

        </div> </div>

  <a class="btn btn-success" href="#" onclick="satilanlar()">Satılanlar</a>
  <a class="btn btn-primary" href="#" onclick="rezervasyonlar()">Rezervasyonlar</a>

      </form>
          <p class="lead" id="uyari"></p>
</div>
        <div class="container">
                            <div id="showData"> </div>
        </div>
</main>

	<footer class="footer">
      <div class="container">
          <span class="text-muted">© 2019 <a href="https://www.antandros.com.tr">Antandros Teknoloji.</a> | Tessera, <a href ="lisans.html" target="_blank">GNU AGPL v3</a> ile lisanslanmış bir özgür yazılımdır. | <a href="javascript.html" rel="jslicense">JavaScript license information</a></span> | <a href="https://notabug.org/ooguz/tessera">Kaynak kodu</a>
      </div>
    </footer>
    <script src="js/jquery-3.2.1.slim.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/tessera.js"></script>
  </body>
</html>
